.delete_button{
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-color: var(--white);
    background-size: 10px 10px ;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.736416 3.07438C0.612718 3.07438 0.518681 3.18554 0.539182 3.30753L2 12H8L9.46082 3.30753C9.48132 3.18554 9.38728 3.07438 9.26358 3.07438H0.736416ZM9.8 0.991736C9.91046 0.991736 10 1.08128 10 1.19174V1.78347C10 1.89393 9.91046 1.98347 9.8 1.98347H0.2C0.0895429 1.98347 0 1.89393 0 1.78347V1.19174C0 1.08128 0.0895431 0.991736 0.2 0.991736H2.8555C3.3055 0.991736 3.671 0.446777 3.671 0H6.329C6.329 0.446777 6.694 0.991736 7.1445 0.991736H9.8Z' fill='%23918C93'/%3E%3C/svg%3E ");
    border-radius: 4px;
    border: 1px solid var(--gray-light);
}

.delete_button:hover{
    border: 1px solid var(--brown);
}

.delete_button:active{
    border: 1px solid var(--brown);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.736416 3.07438C0.612718 3.07438 0.518681 3.18554 0.539182 3.30753L2 12H8L9.46082 3.30753C9.48132 3.18554 9.38728 3.07438 9.26358 3.07438H0.736416ZM9.8 0.991736C9.91046 0.991736 10 1.08128 10 1.19174V1.78347C10 1.89393 9.91046 1.98347 9.8 1.98347H0.2C0.0895429 1.98347 0 1.89393 0 1.78347V1.19174C0 1.08128 0.0895431 0.991736 0.2 0.991736H2.8555C3.3055 0.991736 3.671 0.446777 3.671 0H6.329C6.329 0.446777 6.694 0.991736 7.1445 0.991736H9.8Z' fill='%232E1114'/%3E%3C/svg%3E");
}
